     html {
       height: 100%;
       font-family: "微软雅黑", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
       -ms-text-size-adjust: 100%;
       -webkit-text-size-adjust: 100%; // font-size: 62.5%;
     }

     body {
       height: 100%;
       -webkit-text-size-adjust: 100%; //iPhone 和 Android 的浏览器纵向 (Portrate mode) 和橫向 (Landscape mode) 模式皆有自动调整字体大小的功能。控制它的就是 CSS 中的 -webkit-text-size-adjust。text-size-adjust 设为 none 或者 100% 关闭字体大小自动调整功能.
       -webkit-tap-highlight-color: transparent; //比如在图片或者链接上，希望不出现被选中的颜色，可以怎么做呢？其实我们可以将属性-webkit-tap-highlight-color的值设置为透明就可以实现。当然也可以设置成其他颜色，也支持rgba
     }

     em {
       font-weight: bold;
     }

     *:not(input, textarea) {
       -webkit-touch-callout: none; //长按屏幕时会禁止设备弹出列表按钮
       -webkit-user-select: none; //之所以放在这里是因为如果放到body中会导致个别Android机型（Google  Nexus，Android 4.2.2）输入框无法输入
     }

     select {
       -webkit-appearance: none; //用来改变按钮和其他控件的外观,加上这个以后，select的高度就可以改变了。所以，当然也可以用于其他浏览器控件中}
        :focus {
         outline: 0;
         -webkit-tap-highlight-color: transparent
       } //防止获取焦点时，出现边框
     } // body {
     //     margin: 0;
     //     color: #000;
     //     background-color: #fff;
     //     height: 100%;
     //     overflow-x: hidden;
     //     -webkit-overflow-scrolling: touch;
     // }
     article,
     aside,
     details,
     figcaption,
     figure,
     footer,
     header,
     hgroup,
     nav,
     section,
     summary {
       display: block;
     }


     a:active {
       outline: 0;
     }

     a {
       text-decoration: none;
     }

     b,
     strong {
       font-weight: bold;
     }

     dfn {
       font-style: normal;
     }

     img {
       border: 0;
       vertical-align: middle;
     }

     * {
       -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
       -webkit-tap-highlight-color: transparent;
       /* For some Androids */
       outline: none;
     }

     input,
     textarea,
     button {
       border: 0;
       margin: 0;
       padding: 0;
       font-family: "微软雅黑", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
     }

     textarea {
       resize: none;
     }

     table {
       border-collapse: collapse;
       border-spacing: 0;
     }

     td,
     th {
       padding: 0;
     }
body,
     ul,
     h1,
     h2,
     h3,
     p,
     ul,
     li,
     ol,
     li,
     dl,
     dd {
       margin: 0;
       padding: 0;
     }

     h1,
     h2,
     h3,
     p {
       line-height: 1;
     }

     ul,
     ol {
       list-style: none;
     }

     input[type=button] {
       -webkit-appearance: none;
       outline: none
     }

     input[type=submit] {
       -webkit-appearance: none;
       outline: none
     }

     input::-moz-placeholder,
     textarea::-moz-placeholder,
     select::-moz-input-placeholder,
     {
       color: #ccc;
       word-wrap: break-word;
       word-break: normal;
     }

     input:-ms-input-placeholder,
     textarea:-ms-input-placeholder,
     select::-ms-input-placeholder,
     {
       color: #999;
       word-wrap: break-word;
       word-break: normal;
     }

     input::-webkit-input-placeholder,
     textarea::-webkit-input-placeholder,
     select::-webkit-input-placeholder,
     {
       color: #999;
       word-wrap: break-word;
       word-break: normal;
     }

     .clearfix:after {
       content: ".";
       display: block;
       height: 0;
       clear: both;
       visibility: hidden;
     }

     .clearfix {
       display: inline-block;
     }
     /* Hides from IE-mac \*/

     * html .clearfix {
       height: 1%;
     }

     .clearfix {
       display: block;
     }
     /* 设置字体 */

     .font-dpr(@font-size) {
       font-size: @font-size;
       [data-dpr="2"] & {
         font-size: @font-size * 2;
       }
       [data-dpr="3"] & {
         font-size: @font-size * 3;
       }
     }

     a:hover {
       text-decoration: none;
     }
     /*2x图和3x图的使用*/

     .bg-image(@url) {
       background-image: url("@{url}@2x.png");
       // background-size: 100% 100%;
       @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
         background-image:url("@{url}@3x.png");
         // background-size: 100% 100%;
       }
     }

     .bg-img(@url) {
       background: url("@{url}@2x.png");
       background-repeat: no-repeat;
       background-size: 100% 100%;
       @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
         background:url("@{url}@3x.png");
         background-repeat: no-repeat;
         background-size: 100% 100%;
       }
     }
     /*1像素边框*/

     @media(-webkit-min-device-pixel-ratio:1.5),
     (min-device-pixel-ratio:1.5) {
       .border-1px {
         &:after {
           -webkit-transform: scaleY(0.7);
           transform: scaleY(0.7);
         }
       }
     }

     @media(-webkit-min-device-pixel-ratio:2),
     (min-device-pixel-ratio:2) {
       .border-1px {
         &:after {
           -webkit-transform: scaleY(0.5);
           transform: scaleY(0.5);
         }
       }
     }
     /* 设置行高 */

     .line-height(@h: 12px,
     @line-h: 12px) {
       height: @h;
       line-height: @line-h;
     }
     /* placehold样式 */

      ::-moz-placeholder {
       color: #999;
     }

      ::-webkit-input-placeholder {
       color: #999; // text-align: right;
     }

      :-ms-input-placeholder {
       color: #999;
     }
